<html dir="ltr">

<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<meta name="msapplication-TileColor" content="#0f75ff">
	<meta name="theme-color" content="#2ddcd3">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">
	<link rel="icon" href="./images/favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" type="image/x-icon" href="./images/favicon.ico">

	<!-- Title -->
	<title>星云物联</title>
	<link rel="stylesheet" href="./css/font-awesome.css">
	<!-- <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> -->
	<!-- Font Family-->
	<link href="./css/css.css" rel="stylesheet">

	<!-- Sidemenu Css -->
	<link href="./css/style.css" rel="stylesheet">
	<link href="./css/waves.css" rel="stylesheet">

	<!-- Bootstrap Css -->
	<link href="./css/bootstrap.css" rel="stylesheet">

	<!-- Dashboard Css -->
	<link href="./css/dashboard.css" rel="stylesheet">
	<link href="./css/index.css" rel="stylesheet">
	<!-- JQVMap -->
	<!-- <link href="./css/jqvmap.css" rel="stylesheet"> -->

	<!-- Morris.js Charts Plugin -->
	<!-- <link href="./css/morris.css" rel="stylesheet"> -->

	<!-- Custom scroll bar css-->
	<!-- <link href="./css/jquery.css" rel="stylesheet"> -->

	<!---Font icons-->
	<!-- <link href="./css/plugin.css" rel="stylesheet"> -->
</head>

<body>
	<!-- <div id="loading" style="display: none;"></div> -->
	<div class="page">
		<div class="page-main">
			<div class="app-header1 header py-1 d-flex">
				<div class="container-fluid">
					<div class="d-flex">

						<a class="header-brand" href="#">
							<img src="./images/logo.png" class="header-brand-img" alt="Uplor  logo">
						</a>
						<div class="menu-toggle-button">
							<a class="nav-link wave-effect waves-effect waves-button" href="#" id="sidebarCollapse">
								<span class="fa fa-bars"></span>
							</a>
						</div>
						<div class="d-flex order-lg-2 ml-auto">
							<div class="dropdown d-none d-md-flex country-selector">
								<a href="#" class="d-flex nav-link leading-none" data-toggle="dropdown">
									<!-- <i class="fa fa-location-arrow fa-2x"></i> -->
									<div>
										<strong class="text-white">中文</strong>
									</div>
								</a>
								<div class="language-width dropdown-menu dropdown-menu-right dropdown-menu-arrow">
									<a href="#" class="dropdown-item d-flex pb-3">
										<img src="./images/french_flag.jpg" alt="flag-img" class="avatar  mr-3 align-self-center">
										<div>
											<strong>English</strong>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="wrapper">
				<!-- Sidebar Holder -->
				<nav id="sidebar" class="nav-sidebar mCustomScrollbar _mCS_1 mCS-autoHide" style="overflow: visible;">
						<div id="mCSB_1" class="mCustomScrollBox mCS-minimal mCSB_vertical mCSB_outside" style="max-height: none;"
						 tabindex="0">
							<div id="mCSB_1_container" class="mCSB_container" style="position:relative; top:0; left:0;" dir="ltr">
								<div class="profile clearfix active">
									<div class="profile_info">
										<h2>星云边缘端管理</h2>
									</div>
								</div>
								<ul class="list-unstyled components" id="accordion">
									<li>
										<a href="#homeSubmenu" class="accordion-toggle wave-effect waves-effect waves-button active" data-toggle="collapse"
										 aria-expanded="true">
											<i class="fa fa-television mr-2 sidebarsuccess"></i>综合信息
										</a>
										<ul class="collapse list-unstyled " id="homeSubmenu" data-parent="#accordion">
											<li>
												<a href="index.html" class="active">运行状态</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="#Submenu8" class="accordion-toggle wave-effect waves-effect waves-button active" data-toggle="collapse"
										 aria-expanded="false">
											<i class="fa fa-futbol-o mr-2 sidebarred"></i>服务管理
										</a>
										<ul class="collapse list-unstyled" id="Submenu8" data-parent="#accordion">
											<li class="active">
												<a href="device.html">设备服务</a>
											</li>
											<li>
												<a href="extension.html">算法服务</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="#Submenu9" class="accordion-toggle wave-effect waves-effect waves-button active" data-toggle="collapse"
										 aria-expanded="false">
											<i class="fa fa-futbol-o mr-2 sidebarred"></i>数据管理
										</a>
										<ul class="collapse list-unstyled" id="Submenu9" data-parent="#accordion">
											<li>
												<a href="metadata.html">元数据管理</a>
											</li>
											<li>
												<a href="store.html">系统配置</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="#Submenu10" class="accordion-toggle wave-effect waves-effect waves-button active" data-toggle="collapse"
										 aria-expanded="false">
											<i class="fa fa-shopping-cart mr-2 sidebarsuccess"></i>帮助
										</a>
										<ul class="collapse list-unstyled" id="Submenu10" data-parent="#accordion">
											<li>
												<a href="help.html">使用帮助</a>
											</li>
											<li>
												<a href="algorithm.html">智能算法SDK</a>
											</li>
											<li>
												<a href="protocol.html">物联网协议SDK</a>
											</li>
										</ul>
									</li>
	
								</ul>
							</div>
						</div>
						<div id="mCSB_1_scrollbar_vertical" class="mCSB_scrollTools mCSB_1_scrollbar mCS-minimal mCSB_scrollTools_vertical"
						 style="display: block;">
							<div class="mCSB_draggerContainer">
								<div id="mCSB_1_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 50px; display: block; height: 594px; max-height: 869px; top: 0px;">
									<div class="mCSB_dragger_bar" style="line-height: 50px;"></div>
								</div>
								<div class="mCSB_draggerRail"></div>
							</div>
						</div>
					</nav>
				<div class=" content-area ">
					<div class="page-header">
						<h4 class="page-title">调度服务</h4>
						<ol class="breadcrumb">
							<li class="breadcrumb-item">
								Scheduler Service
							</li>
							<!-- <li class="breadcrumb-item active" aria-current="page">Dashboard 01</li> -->
						</ol>
					</div>

					<div class="row">
						<div class="col-lg-12">
							<div class="card">
								<div class="card-header">
									<div class="card-title">添加调度任务</div>
									<!-- <div class="card-options">
									<a href="#" class="card-options-collapse" data-toggle="card-collapse">
										<i class="fe fe-chevron-up"></i>
									</a>
									<a href="#" class="card-options-remove" data-toggle="card-remove">
										<i class="fe fe-x"></i>
									</a>
								</div> -->
								</div>
								<div class="card-body">
									<div class="table-responsive" id="task">
										<table class="table table-bordered border mb-0 align-items-center">
											<tr>
												<td style="width: 120px;">任务名称：</td>
												<td><input type="text" v-model="input.task_name" /></td>
											</tr>
											<tr>
												<td>调度地址：</td>
												<td><input type="text" v-model="input.task_addr" /></td>
											</tr>
											<tr>
												<td>执行频率：</td>
												<td>
													<select name="public-choice" v-model="input.task_frequency" @change="getTaskFrequency">
														<option :value="tf.id" v-for="tf in task_frequency_list">{{tf.name}}</option>
													</select>
												</td>
											</tr>
											<tr>
												<td>偏移量：</td>
												<td><input type="text" v-model="input.task_offset" /></td>
											</tr>
											<tr>
												<td></td>
												<td><button id="upload" type="button" class="btn btn-sm btn-primary" @click="saveTask()">保存</button></td>
											</tr>
										</table>
									</div>
								</div>
							</div>
						</div>

					</div>

				</div>

			</div>
		</div>

		<!-- Back to top -->
		<a href="#top" id="back-to-top">
			<i class="fa fa-angle-up"></i>
		</a>


		<!-- Dashboard Core -->
		<script src="./js/jquery-3.js"></script>
		<script src="./js/popper.js"></script>
		<script src="./js/bootstrap.js"></script>
		<!-- <script src="./js/jquery_007.js"></script> -->
		<!-- <script src="./js/selectize.js"></script> -->
		<!-- <script src="./js/jquery.js"></script> -->
		<!-- <script src="./js/circle-progress.js"></script> -->
		<!-- <script src="./js/jquery_008.js"></script> -->

		<!-- Fullside-menu Js-->
		<!-- <script src="./js/jquery_005.js"></script> -->
		<!-- <script src="./js/waves.js"></script> -->

		<!-- Chart.js -->
		<!-- <script src="./js/Chart.js"></script> -->

		<!--Counters -->
		<!-- <script src="./js/counterup.js"></script> -->
		<!-- <script src="./js/waypoints.js"></script> -->

		<!--Morris.js Charts Plugin -->
		<!-- <script src="./js/raphael-min.js"></script> -->
		<!-- <script src="./js/morris.js"></script> -->

		<!-- Custom scroll bar Js-->
		<!-- <script src="./js/jquery_004.js"></script> -->

		<!-- jQuery Sparklines
	<script src="./js/jquery_003.js"></script>

	<!-- JQVMap -->
		<!-- <script src="./js/jquery_006.js"></script> -->
		<!-- <script src="./js/jquery_002.js"></script> -->
		<!-- <script src="./js/jquery_009.js"></script> --> -->

		<script src="./js/echarts.min.js"></script>
		<!-- <script src="./js/index1.js"></script> -->


		<!-- Custom Js-->
		<script src="./js/custom.js"></script>
		<!-- <script src="./js/jqvmap.js"></script> -->
		<!-- <script src="./js/chartbundle.js"></script> -->

		<!--Counters js-->
		<!-- <script>
		$('.count').countUp();
	</script> -->
		<script src="js/vue.js"></script>
		<script src="js/vue-resource.js"></script>
		<script src="js/config.js"></script>
		<script src="js/scheduler.js"></script>
		<script>
			save();
		</script>
		<!-- <div class="jqvmap-label" style="display: none;"></div> -->
</body>

</html>